<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="jpath" value="${pageContext.request.contextPath}" />
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
	<meta charset="utf-8"> 
	<title>关于我们</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="${jpath}/static/plugins/Frontend/css/gywm.css" />
</head>
<body>
	<div class="container" style="padding:-1px;">
		<div class="row" style="background-color:#FFFFFF; height:3rem; line-height:3rem;">
			<div class="col-xs-2 back">
				<img src="${jpath}/static/plugins/Frontend/img/back.png" width="15px" height="15px">
			</div>
			<div class="col-xs-8" style="text-align:center; color:black;">
				关于我们
			</div>
			<div class="clo-xs-2"  style="text-align: right;padding-right: 1rem;">
				<img src="${jpath}/static/plugins/Frontend/img/plus.png" width="15px" height="15px">
			</div>
		</div>
		<div class="row">
			<div class="col-xs-3" style="background-color:#F86941;">
				<ul class="aa">
					<li class="active">
					<a href="#jianjie" data-toggle="tab">
					<img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/jj.png" width="20px" height="20px">
					<div>简介</div></a>
					</li>
					<li>
					<a href="#zhidu" data-toggle="tab">
					<img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/zd.png" width="20px" height="20px">
					<div>制度</div></a>
					</li>
					<li>
					<a href="#tuandui" data-toggle="tab">
					<img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/td.png" width="20px" height="20px">
					<div>团队</div></a>
					</li>
					<li>
					<a href="#lianxi" data-toggle="tab">
					<img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/lx.png" width="20px" height="20px">
					<div>联系</div></a>
					</li>
				</ul>
			</div>
			<div class="col-xs-1"></div>
			<div class="col-xs-7" style="background-color:#2066B2; padding:3rem;">
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="jianjie">
						<P class="title">简介</p>
						<p class="zw">${cp.jj}</p>
					</div>
					<div class="tab-pane fade" id="zhidu">
						<P class="title">制度</p>
						<p class="zw">${cp.bt}</p>
					</div>
					<div class="tab-pane fade" id="tuandui">
						<P class="title">团队</p>
						<p class="zw">${cp.fbr}</p>
					</div>
					<div class="tab-pane fade" id="lianxi">
						<P class="title">联系</p>
						<p class="zw">电话号码:${cp.lxwm}
						</p>
					</div>
				</div>
				<div class="row dz">
					<div class="col-xs-12 dz-1">
						<div class="row">
							<div class="col-xs-4" style="border-right:1px solid #FFFFFF;">
								<div class="row">
									<div class="col-xs-6 dz-2"><img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/dz.png" width="15px" height="15px"></div>
									<div class="col-xs-6 dz-3">点赞</div>
								</div>
							</div>
							<div class="col-xs-4" style="border-right:1px solid #FFFFFF;">
								<div class="row">
									<div class="col-xs-6 dz-2"><img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/ly.png" width="15px" height="15px"></div>
									<div class="col-xs-6 dz-3">留言</div>
								</div>
							</div>
							<div class="col-xs-4">
								<div class="row">
									<div class="col-xs-6 dz-2"><img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/fx.png" width="15px" height="15px"></div>
									<div class="col-xs-6 dz-3">分享</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-1"></div>
		</div>
	</div>
</body>
</html>